<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01 模拟JQ入口函数的多次调用</title>
</head>

<script>
    function JQuery(doc) {
        return {
            ready: function (fn) {
                if (typeof doc.onload === 'function') {
                    // 说明已经有了入口函数
                    var oldOnReady = doc.onload;
                    doc.onload = function () {
                        // 先执行新的
                        fn();
                        //再执行旧的入口函数
                        oldOnReady();
                    }
                } else {
                    // 说明没有入口函数  那么就直接赋值给document.onready函数
                    doc.onload = fn;
                }
            }
        }
    }


    JQuery(window).ready(function () {
        document.getElementById("demo").onclick = function () {
            alert('Hello,JavaScript！');
        }
    });

    JQuery(window).ready(function () {
        alert('第二个onready');
    });

    JQuery(window).ready(function () {
        alert('第三个onready');
    });
</script>

<body>
<input type="button" value="我是一个按钮" id="demo">
</body>
</html>